<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../dist/css/header.css">
</head>
<body>
    <!-- 导航栏 -->
    <div class="ng-toolbar" id="db">
        <div class="ng-toolbar-con center">
            <!-- 头部左侧 -->
            <div class="ng-toolbar-left">
                <div class="ng-bar-node-box ng-site-nav-box lazy-bar-box">
                    <span>网站导航</span>
                    <em></em>
                    <div class="ng-sn-site-nav ng-d-box site-nav-child" style="display:none;">
                        <!--网站导航列表-->
                        <div class="head-loading"></div>
                    </div>
                </div>
                <div class="ng-bar-node-box shop-handle lazy-bar-box" sap-modid="yj2Q">
                    <span>商家入驻</span>
                    <em></em>
                    <div class="ng-down-box ng-d-box shop-center-child ng-ser-list" style="display:none;">
                        <!--商家入驻列表-->
                        <div class="head-loading"></div>
                    </div>
                </div>
                <!--服务中心 [[-->
                <div class="ng-bar-node-box service-handle lazy-bar-box" sap-modid="yj2Q">
                    <span>客户服务</span>
                    <em></em>
                    <div class="ng-down-box ng-d-box shop-center-child ng-ser-list" style="display:none;">
                        <!-- 服务中心列表 -->
                        <div class="head-loading"></div>
                    </div>
                </div>
                <!-- 普通版 关怀版 -->
                <div class="ng-bar-node-box scale-handle lazy-bar-box" sap-modid="slhkg">
                    <div id="btn-scale">
                        <p class="btn-normal active">
                            普通版</p>
                        <p class="btn-enlarge not-active">
                            关怀版</p>
                    </div>
                    <div class="scale-tips"
                        style="position: absolute; z-index: 9999; left: 0px; top: 45px; font-size: 12px; line-height: 18px; width: 180px; height: 54px; padding: 10px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px -1px 4px 0px; display: none;">
                        设置后，会改变PC页面的图片和字体大小。使用过程中如果存在任何问题，请反馈给苏宁。
                        <em
                            style="position: absolute;width: 0;height: 0;left: 39px;top: -14px;border: 7px solid transparent;border-bottom-color: #fff;"></em>
                    </div>
                </div>

                <!-- 城市坐标 -->
                <div class="index-city-handle">
                    <div id="sncity">
                        <div class="ui-city">
                            <a>
                                <i class="address-icon"></i>

                                <span id="citybName" class="ct" role="1000000,9017,01,北京"
                                    style="color: rgb(51, 51, 51);">北京
                                </span>

                                <b class="arr"></b>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 头部右侧 -->
            <div class="ng-toolbar-right">
                <!-- 登陆注册 -->
                <div class="ng-bar-node reg-bar-node">
                    <a aria-label="请登录" class="login">请登录</a>
                    <a aria-label="注册有礼" class="login reg-bbb">注册有礼</a>
                </div>

                <!-- 我的订单 -->
                <div class="ng-bar-node-box myorder-handle">
                    <span>我的订单</span>
                    <em></em>
                </div>

                <!-- 我的易购 -->
                <div class="ng-bar-node-box mysuning-handle">
                    <span>我的易购</span>
                    <em></em>
                </div>

                <!-- 苏宁会员 -->
                <div class="ng-bar-node-box mysuning-handle">
                    <span>苏宁会员</span>
                </div>
                <!-- 购物车 -->
                <div class="ng-bar-node-box cart-handle">
                    <a href="" class="ng-bar-node ng-bar-node-mini-cart">
                        <img class="ng-iconfont cart" src="../static/images/购物车.png"></img>
                        <span>购物车</span>
                        <em></em>
                    </a>
                </div>

                <div class="ng-bar-node-box mysuning-handle">
                    <span>易付宝</span>
                </div>

                <div class="ng-bar-node-box mysuning-handle">
                    <span>企业采购</span>
                </div>

                <div class="ng-bar-node-box mysuning-handle">
                    <span>手机苏宁</span>
                    <em></em>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部   -->
    <div class="index-header">
        <div class="bg-container">
        </div>
        <div class="ng-header-con center">
            <!-- 苏宁logo -->
            <div class="logo">
                <img alt="" src="//image1.suning.cn/uimg/cms/img/159642507148437980.png">
            </div>
            <!-- 搜索栏 -->
            <div class="ng-search">
                <div class="g-search">
                    <img class="search-icon" src="../static/images/搜索 (1).png"></img>
                    <div class="search-box">
                        <input type="text" class="search-keyword" placeholder="99超惠买 预定抢5折">
                    </div>
                    <input type="submit" class="search-btn" value="搜索">

                    <div class="g-search-hotwords">
                        <a href="">手机</a>
                        <a href="" class="orange">好酒聚惠购</a>
                        <a href="">冰箱</a>
                        <a href="">电视</a>
                        <a href="" class="orange">零食低至9.9折</a>
                        <a href="">ipad</a>
                        <a href="">热水器</a>
                        <a href="">沙发</a>
                        <a href="">电饭煲</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 分类 -->
    <div class="ng-nav-bar">
        <div class="index-sort-box center">
            <div class="index-sort">
                <div class="index-all-hook">
                    <i></i>
                    <span>分类</span>
                </div>

            </div>

            <div class="ng-nav-index">
                <ul class="ng-nav">
                    <li class="title-pic">
                        <img class="icon" src="//image2.suning.cn/uimg/cms/img/161185054090483911.png" alt="">
                    </li>
                    <li class="title-pic">
                        <img class="icon" src="//image4.suning.cn/uimg/cms/img/161185055134555442.png" alt="">
                    </li>
                    <li class="title-pic">
                        <img class="icon" src="//image5.suning.cn/uimg/cms/img/161185056732073882.png" alt="">
                    </li>
                    <li>
                        <span>苏宁超市</span>
                        <i class="hot"></i>
                    </li>
                    <li>
                        <span>电器城</span>
                    </li>
                    <li>
                        <span>生活家电</span>
                    </li>
                    <li>
                        <span>手机数码</span>
                    </li>
                    <li>
                        <span>金融</span>
                    </li>
                </ul>
            </div>

            <div class="ng-nav-right-wenjuan">
                <img src="//image1.suning.cn/uimg/cms/img/159525719075727245.png" alt="">
            </div>
        </div>
    </div>
</body>
</html>